<template>
  <div class="faq-page">
    <h1 class="faq-title" style="font-size: 48px">御兽阁常见问题</h1>
    <div class="faq-container">
      <ul class="faq-list">
        <li v-for="item in faqItems" :key="item.id" class="faq-item">
          <h2>{{ item.question }}</h2>
          <p>{{ item.answer }}</p>
          <p>{{ item.answer1 }}</p>
          <p>{{ item.answer2 }}</p>
          <p>{{ item.answer3 }}</p>
          <p>{{ item.answer4 }}</p>
          <p>{{ item.answer5 }}</p>
          <p>{{ item.answer6 }}</p>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      faqItems: [
        {
          id: 1,
          question: '1. 如何查找我想要的宠物？',
          answer: '在我们的宠物商城中，您可以通过以下方式查找您想要的宠物：',
          answer1: '1.使用搜索栏：在网站首页或相关页面的搜索栏中输入关键词，如宠物种类、品种、年龄等，点击搜索按钮即可获取相关结果。',
          answer2: '2.浏览分类目录：我们将宠物按照种类、品种和其他特征进行分类，您可以通过浏览分类目录来找到目标宠物。',
          answer3: '3.查看推荐页面：我们会在主页或其他页面上展示一些热门或推荐的宠物，您可以直接点击查看详情。',
        },
        {
          id: 2,
          question: '2. 如何下单购买宠物？',
          answer: '购买宠物非常简单，请按照以下步骤操作：',
          answer1: '1.选择您想要购买的宠物，并确保您已经详细阅读了宠物的描述、价格和其他相关信息。',
          answer2: '2.点击“加入购物车”按钮将宠物添加到您的购物车中。',
          answer3: '3.购物车页面上，您可以修改数量、选择相关选项并计算总价。',
          answer4: '4.确认无误后，点击“结算”按钮，您将被引导至支付页面。',
          answer5: '5.在支付页面，选择合适的支付方式，并按照提示完成支付过程。',
          answer6: '6.完成支付后，您将收到订单确认信息，并在确认后的时间内安排宠物配送。',
        },
        {
          id: 3,
          question: '3. 如何进行支付？',
          answer: '我们提供多种支付方式以方便您的购物体验。您可以选择以下支付方式之一：',
          answer1: '1.在线支付：使用信用卡、借记卡或第三方支付平台（如支付宝、微信支付等）进行在线支付。',
          answer2: '2.银行转账：根据提供的银行账户信息，通过网银或银行柜台将订单金额转账至指定账户。',
          answer3: '3.货到付款：在部分可支持的地区，我们提供货到付款服务，您可以在快递员送达时直接支付订单金额。',
          answer4: '4.请注意，不同的支付方式可能在可用性和相关规定方面有所不同。在选择支付方式之前，请仔细阅读每种支付方式的说明和条款。',
        },
        {
          id: 4,
          question: '4. 宠物的配送和退换货政策是什么？',
          answer: '我们致力于为您提供顺畅的宠物购物体验，以下是我们的配送和退换货政策要点：',
          answer1: '1.配送：我们将在确认订单后尽快安排宠物的配送。配送时间和费用取决于您所在的地区和选择的配送方式。您可以在结算页面或订单确认页面查看具体的配送信息。',
          answer2: '2.退换货：如果您对收到的宠物不满意或发现质量问题，请及时与我们联系。根据具体情况，我们将提供退款、换货或其他解决方案。详细的退换货政策和流程请参阅我们的退换货政策页面。',
          answer3: '3.请注意，特定情况下（如宠物健康、法律限制等），配送和退换货政策可能会有所不同。在购买前，请仔细阅读相关政策并进行确认。',
        },
        {
          id: 5,
          question: '5. 如何联系客户支持？',
          answer: '如果您在购物过程中遇到任何问题，需要咨询或寻求帮助，我们的客户支持团队随时为您服务。您可以通过以下方式联系我们：',
          answer1: '1.客服热线：拨打我们提供的客服热线电话号码，我们将尽快为您解答问题。',
          answer2: '2.在线聊天：通过我们的网站或应用程序上提供的在线聊天功能，与客服代表直接沟通。',
          answer3: '3.电子邮件：发送电子邮件至我们提供的客服邮箱，我们将尽快回复您的邮件。',
          answer4: '4.我们的客户支持团队将竭诚为您解答疑问，并提供优质的售后服务。'
        },
        {
          id: 6,
          question: '以上是一些御兽阁常见问题的解答，希望能对您有所帮助。如果您还有其他问题，请随时与我们联系。祝您购物愉快！',
        },
      ],
    };
  },
};
</script>

<style scoped>
.faq-page {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.faq-title {
  font-size: 24px;
  text-align: center;
}

.faq-container {
  margin-top: 20px;
  padding: 20px;
  background-color: #f5f5f5;
}

.faq-list {
  list-style: none;
  padding: 0;
}

.faq-item {
  margin-bottom: 20px;
}

h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

p {
  margin: 0;
  color: #333;
}
</style>


